<!DOCTYPE html>
<html lang="cs" ng-app="lessons" style="height: 100%">
  <head>
    <meta charset="UTF-8">
    <meta name="description" content="">

    <title></title>
    <link rel="stylesheet" media="screen,projection,tv" href="{$basePath}/www/libs/css/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="{$basePath}/www/modules/global/css/screen.css">
    <link rel="stylesheet" href="{$basePath}/www/modules/lessonsModule/css/screen.css">       

    
    {block css}{/block}

    <script type="text/javascript" src="{$basePath}/www/libs/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="{$basePath}/www/libs/js/nette/nette.ajax.js"></script>
    <!--<script type="text/javascript" src="{$basePath}/www/libs/js/less/less.js"></script>-->

    <script type="text/javascript" src="{$basePath}/www/modules/lessonsModule/js/main.js"></script>
    <script type="text/javascript" src="{$basePath}/www/modules/global/js/main.js"></script>

<!-- javascript compiler for .less files -->
    {block script}{/block}

  </head>

<!-- Body -->        
  <body class="background-1">
    <div n:foreach="$flashes as $flash" class="flash {$flash->type}">{$flash->message}</div> 
    
<!-- Content --> 
    <div class="container">
       
<!-- LOGO + MENU -->
      <div class="row header">
        <div class="col-sm-6 logo">
          <a n:href="Default:default" title="nanastroj" rel="NaNastroj.cz - Kytarová škola online">
            <img src="{$basePath}/www/images/logo.png"  alt="NaNastroj.cz - Kytarová škola online">
          </a>
        </div> 

        <div class="col-sm-6 navigation">
          {control userBox}   
          {include menu.latte}
          <div class="social">
            <div class="social-button">
              <a href="https://plus.google.com/117211810624859233171/about">
                <img src="{$basePath}/www/images/google-icon.png" height="28" width="28">
              </a>
            </div>
            <div class="social-button">
              <a href="https://www.youtube.com/user/nanastroj">
                <img src="{$basePath}/www/images/google-icon.png" height="28" width="28">
              </a>
            </div>
            <div class="social-button">
              <a href="https://www.facebook.com/pages/nanastrojcz/115906241819692">
                <img src="{$basePath}/www/images/facebook-icon.png" height="28" width="28">
              </a>
            </div>
          </div>
        </div>
      </div>
          
<!-- Content -->
      <div class="row">
        {include #content}
      </div>
    </div>
    
    <div class="footer-arrow" style="display: none">
    </div>
      
    <div class="footer" style="display: none;">
      <div class="container">
        <div class="footer-close">
        </div>
        <div class="row">
          <div class="col-sm-offset-2 col-sm-2 text-center footer-anchor"><a href="#">Neco1</a></div>
          <div class="col-sm-2 text-center footer-anchor"><a href="#">Neco2</a></div>
          <div class="col-sm-2 text-center footer-anchor"><a href="#">Neco3</a></div>
          <div class="col-sm-2 text-center footer-anchor"><a href="#">Neco4</a></div>
        </div>
      </div>
    </div>
  </body>
</html>
